<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html" ng-app="vkMngr" ng-csp>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link rel="stylesheet" type="text/css" href="css/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/jquery-impromptu.css">
    <title>VK Photo Mngr - Расширение для загрузки и скачивания фотоальбомов ВКонтакте (vk.com)</title>
</head>
<body>

<div class="navigation">
    <div class="container">
        <div class="navbar navbar-default col-md-12" role="navigation">
            <div class="navbar-header">
                <a class="navbar-brand" href="#">VK Photo Mngr</a>
            </div>
            <div>
                <ul class="nav navbar-nav pull-left">
                    <li id="create-tab" class="active"><a href="#">Создать новый албом</a></li>
                    <li id="add-tab"><a href="#">Добавить фото в существующий</a></li>
                    <li id="download-tab"><a href="#">Скачать альбом</a></li>
                </ul>
                <ul class="nav navbar-nav pull-right">
                    <li id="user" class="hidden "><a href="#">Нажми сюда</a></li>
                    <button id="login" class="btn btn-default navbar-btn ">Войти</button>
                    <button id="logout" class="hidden btn btn-default navbar-btn ">Выйти</button>
                </ul>
            </div>
        </div>
    </div>
</div>

<div class="setting">
    <div class="container">
        <div class="row">
            <form class="form-inline">
                <p class="col-md-5">Кто может просматривать созданные альбомы?</p>
                <select id="privacy" class="form-control col-md-3">
                    <option value="0">Все пользователи</option>
                    <option value="1">Только друзья</option>
                    <option value="2">Друзья и друзья друзей</option>
                    <option selected="selected" value="3">Только я</option>
                </select>
            </form>
        </div>

        <div class="row">
            <form class="form-inline">
                <p class="col-md-5">Кто может комментировать созданные фотографии?</p>
                <select id="comment_privacy" class="form-control col-md-3">
                    <option value="0">Все пользователи</option>
                    <option value="1">Только друзья</option>
                    <option value="2">Друзья и друзья друзей</option>
                    <option selected="selected" value="3">Только я</option>
                </select>
            </form>
        </div>
    </div>
</div>

<div class="add-to-album hidden" ng-controller="AlbumsListCtrl">
    <div class="container">
        <div class="row">
            <form class="form-inline col-md-10">
                <p class="col-md-3">Выберите альбом</p>
                <select class="form-control col-md-4">
                    <option ng-repeat="album in albums" album_id="{{album.aid}}">{{album.title}}</option>
                </select>
                <button id="download" class="hidden btn btn-default col-md-1 pull-right">Скачать</button>
            </form>
        </div>
    </div>
</div>

<div id="drop_zone" class="container">
    <div class="text-center">
        <p>Перетащите папки с фотографиями сюда<br/>
            Загрузка начнется автоматически<br/>
            Поддерживаемые форматы: JPG, PNG, BMP и GIF
        </p>
    </div>
</div>

<div class="download-hint container hidden">
    <div class="text-center row">
        <p>Имя загруженого файла соответствует имени альбома.<br/>
            В файле содержится список ссылок на фотографии.<br/>
            Скачать список полностью можно с помощью программы <a class="orbit" href="#">Orbit Downloader</a> или любого
            другого
            менеджера
            загрузок.<br/>
        </p>

        <div class="show-manual">Показать подробную инструкцию</div>

    </div>
</div>

<div class="manual container">
    <div class="row">
        <h5>1. Установите и запустите <a сlass="orbit" href="#">Orbit Downloader</a></h5>
        <h5>2. Выберите 'Файл' -> 'Импорт списка загрузок ...' </h5>
        <img class="center-block" src="img/help/file-import.png">
        <h5>3. Откройте папку с загруженым файлом и выберите 'TXT' в пункте 'Тип файлов'</h5>
        <img class="center-block" src="img/help/files-type.png">
        <h5>4. Выберите загруженый файл и нажмите 'Открыть'</h5>
        <img class="center-block" src="img/help/file-select.png">
        <h5>5. В открывшемся окне нажмите 'Фильтр', выберите 'Выделить все' и нажмите 'ОК'</h5>
        <img class="center-block" src="img/help/filter.png">
        <h5>6. Введите имя новой папки или выберите уже существующую, нажмите 'ОК' и дождитесь завершения
            загрузки</h5>
        <img src="img/help/select-folder.png">
    </div>
</div>


<div id="list" class="container"></div>

<script src="lib/jquery.min.js"></script>
<script src="lib/jquery-impromptu.js"></script>
<script src="lib/angular/angular.js"></script>
<script src="js/angular/controllers.js"></script>
<script src="js/tracker.js"></script>
<script src="js/vk.js"></script>
<script src="js/processor.js"></script>
<script src="js/html_processor.js"></script>

</body>
</html>